<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/includes/reset.css">
    <link rel="stylesheet" href="/fonts/iconfont.css">
    <link rel="stylesheet" href="/css/includes/header.css">
    <link rel="stylesheet" href="/css/includes/footer.css">
    <link rel="stylesheet" href="/css/includes/floater.css">
    <link rel="stylesheet" href="/css/wares.css">
</head>
<body>
    <!-- 页头 -->
    <header></header>
    <!-- 主体 -->
    <div id="main">
        <!-- 左侧选项卡 -->
        <div id="option">
            <h1>选项</h1>
            <ul>
                <li class="active">男装</li>
                <li>女装</li>
                <li>童装</li>
                <li>鞋子</li>
                <li>背包</li>
                <li>饰品</li>
            </ul>
        </div>
        <!-- 右侧商品 -->
        <div id="wares">
            <ul class="show"></ul>
            <ul></ul>
            <ul></ul>
            <ul></ul>
            <ul></ul>
            <ul></ul>
            <!--分页结构-->
            <div class="paging_content">
                <div class="paging_first">首页</div>
                <div class="paging_up">上一页</div>
                <div class="paging_btn"></div>
                <div class="paging_down">下一页</div>
                <div class="paging_last">尾页</div>
            </div>            
        </div>
    </div>
    <!-- 页脚 -->
    <footer></footer>
    <div id="floater"></div>
    <script src="/libs/require/require.min.js" data-main="/js/wares"></script>
</body>
</html>